<div class="block-content" id="post-panel" style="height: auto">
    <span class="close img-circle" id="bt-close">&times;</span>
    <p class="text-info">Nếu bạn là người mới tham gia, có thể xem qua phần <a href="#"><span class="label label-info">giới thiệu</span></a> về cách chia sẻ chuyến du lịch của bạn</p>
    <form class="form-horizontal" method="post" id="post-form">
        <div class="control-group">
                <input style="width: 98%" type="text" name="post[title]" placeholder="Tiêu đề bài đăng" />
        </div>
        <div class="control-group">
                <textarea style="width: 98%"  name="post[description]" placeholder="Chia sẻ thêm một vài thông tin...." id="editor"></textarea>
        </div>
         <div class="control-group">
                <input style="width: 98%" type="text" name="post[position]" placeholder="Bạn có thể cho biết địa điểm này ở đâu?" />
        </div>
        <iframe src="<?php echo "http://" . $_SERVER['HTTP_HOST'] .'/travel-network/uploadify/index.php' ?>" style="
        width: 100%;
        border: none">
        </iframe>
        <button class="btn-submit" type="submit" name="submit"><img src="views/images/check.png" /></button>
    </form>
</div>
<script type="text/javascript">
$("#bt-close").click(function(e){
   $("#overlay").fadeOut(1000); 
});
$("#post-form").submit(function(e){
    $.post('?com=content&action=post', $(this).serialize(), function(data, status){
        $(data).insertBefore($('.block-content').first());
        $('#overlay').hide();
    });
    return false;
});
</script>